
<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="zh-CN">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="zh-CN">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="zh-CN">
<!--<![endif]-->
<head>
    <meta charset="UTF-8" />
    <meta name="keywords" content="听说，tinshow,${article.title!}" />
    <meta name="description" content="${article.abstractTxt!}" />
    <meta name="author" content="Randy,www.tinshow.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <title>
    ${article.title!} | 听说    </title>
    <!--[if lt IE 9]>
    <script src="${request.contextPath!}/js/html5.js" type="text/javascript"></script>
    <![endif]-->
    <link rel='stylesheet'  href='//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css?ver=1463202082' type='text/css' media='all' />
    <link rel='stylesheet'  href='${request.contextPath!}/css/style.css?ver=1463202082' type='text/css' media='all' />
</head>
<body>
<header id="header" class="inside">
<#include "/blocks/header.ftl"/>
</header>
<div id="container" class="container"><div class="content category">
    <div class="article_detail">
        <header>
            <div class="title">
            ${article.title!}
            </div>
            <#--<#if article.abstractTxt?exists>-->
                <#--<div class="article_abstract">-->
                    <#--${article.abstractTxt!}-->
                <#--</div>-->
            <#--</#if>-->
            <div class="article-auth">
                <a><img src="${article.user.profileImage!}"/></a>
                <div class="info">
                    <span class="tag">作者</span>
                    <span class="name"><a href="/u/yZq3ZV">${article.user.displayName!}</a></span>
                    <!-- 关注用户按钮 -->
                    <a class="btn-success follow"><i class="iconfont ic-follow"></i><span>&nbsp;&nbsp;关注&nbsp;&nbsp;  </span></a>
                    <!-- 文章数据信息 -->
                    <div class="meta">
                        <!-- 如果文章更新时间大于发布时间，那么使用 tooltip 显示更新时间 -->
                        <span class="publish-time" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="最后编辑于 <#if article.dtUpdated?exists>${article.dtUpdated?string('yyyy.MM.dd HH:mm')!}<#else>${article.dtCreated?string('yyyy.MM.dd HH:mm')!} </#if>">
                            <#if article.dtCreated?exists>
                                ${article.dtCreated?string('yyyy.MM.dd HH:mm')!}</span>
                            </#if>
                        <span class="wordage">字数 897</span>
                        <span class="views-count">阅读 4252</span><span class="comments-count">评论 70</span><span class="likes-count">喜欢 94</span></div>
                </div>

            </div>
        </header>
        <div class="article-content">
            ${article.content!}
        </div>
        <div class="article-footer">
            <!--MOB SHARE BEGIN-->
            <#--<div class="-mob-share-ui-button -mob-share-open">分享</div>-->
            <#--<div class="-mob-share-ui -mob-share-ui-theme -mob-share-ui-theme-slide-left" style="display: none">-->
                <#--<ul class="-mob-share-list">-->
                    <#--<li class="-mob-share-weibo"><p>新浪微博</p></li>-->
                    <#--<li class="-mob-share-qzone"><p>QQ空间</p></li>-->
                    <#--<li class="-mob-share-qq"><p>QQ好友</p></li>-->
                    <#--<li class="-mob-share-douban"><p>豆瓣</p></li>-->
                    <#--<li class="-mob-share-facebook"><p>Facebook</p></li>-->
                    <#--<li class="-mob-share-twitter"><p>Twitter</p></li>-->
                <#--</ul>-->
                <#--<div class="-mob-share-close">取消</div>-->
            <#--</div>-->
            <#--<div class="-mob-share-ui-bg"></div>-->
            <div class="share_group">
                <ul>
                    <li class="share_main"></li>
                    <li class="-mob-share-weibo share_btn" ></li>
                    <li class="-mob-share-qq share_btn" ></li>
                    <li class="-mob-share-qzone share_btn" ></li>
                    <li class="-mob-share-douban share_btn" ></li>
                    <li class="-mob-share-facebook share_btn" ></li>
                    <li class="-mob-share-twitter share_btn" ></li>
                </ul>
            </div>

            <script id="-mob-share" src="https://f1.webshare.mob.com/code/mob-share.js?appkey=1dc796e95564e"></script>
            <!--MOB SHARE END-->
        </div>
    </div>
</div>
</div>
<footer id="footer">
<#include "/blocks/footer.ftl"/>
</footer>
<script type='text/javascript' src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
<script src="${request.contextPath!}/js/functions.min.js"></script>
<script type="text/javascript">
    $(".share_main").on("click", function(){
        if($('.share_main').hasClass("share_exit")){
            $('.share_btn').fadeOut('slow');
            $('.share_btn').css("display","none");
            $('.share_main').removeClass("share_exit");
        }else{
            $('.share_btn').fadeIn('slow');
            $('.share_btn').css("display","block");
            $('.share_main').addClass("share_exit");
        }
    })
</script>
</body>
<div id="suspend">
    <a id="backtop"><i class="fa fa-angle-up"></i></a>
</div>
</html>